import { AllViewStyled } from './style';
import CountTitle from '@/components/countTitle';
import EdrmsType from '@/components/EdrmsType';
import EdrmsTypeAndStorage from '@/components/EdrmsTypeAndStorage';
import ServiceStorage from '@/components/ServiceStorage';
import EdrmsStorageType from '@/components/EdrmsStorageType';
import EdrmsUseReport from '@/components/EdrmsUseReport';
import EdrmsHotWord from '@/components/EdrmsHotWord';
import MiddleCount from '@/components/middleCount';
import { useSelector } from 'react-redux';
import { RootState } from '@/store';
import { MainState } from '@/store/reducers/main';
import Rank from '@/components/rank';

const AllView = () => {
  const { allData } = useSelector<RootState, MainState>((state) => state.main);

  return (
    <AllViewStyled>
      <div className='left'>
        <div className='left-content'>
          <CountTitle title='档案类型数据' />
          <EdrmsType></EdrmsType>
        </div>
        <div className='left-content'>
          <CountTitle title='档案各门类数量及空间占有量' />
          <EdrmsTypeAndStorage></EdrmsTypeAndStorage>
        </div>
        <div>
          <CountTitle title='服务器资源使用情况' />
          <ServiceStorage></ServiceStorage>
        </div>
      </div>
      <div className='middle'>

        <div className='middle-count middle-main'>
          <MiddleCount  />
         
        </div>
        <div>
          <CountTitle title='档案接收情况统计' />
          <EdrmsStorageType></EdrmsStorageType>
          </div>

      </div>
      <div className='right'>
        <div className='right-content'>
          <CountTitle title='档案利用统计' />
          <EdrmsUseReport></EdrmsUseReport>
        </div>
        <div className='right-content'>
          <CountTitle title='档案利用热词展示' />
          <EdrmsHotWord></EdrmsHotWord>
        </div>
        <div className='borrow-rank'>
          <CountTitle title='档案利用人次统计' />
          <EdrmsUseReport></EdrmsUseReport>
          {/* <Rank></Rank> */}
        </div>
      </div>
    </AllViewStyled>
  );
};

export default AllView;
